<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style> 
        .box{width: 100px;height: 100px;background: red;}
    </style>
</head>
<body>
    <div class="box"></div>
    <script>
        let box = document.querySelector('.box')
        box.ondblclick = function(){
            console.log(666);
        }
    </script>
    <!-- 事件:
            1. 鼠标事件
                1. 点击事件 onclick
                2. 双击事件 ondblclick
                3. 鼠标移动事件 onmousemove
                4. 鼠标按下事件 onmousedown
                5. 鼠标弹起事件 onmouseup
            2. 键盘事件
                1. 键盘按下事件 onkeydown
                2. 键盘弹起事件 onkeyup
            3. ui事件
                1. 文本框输入事件 oninput
                2. 文本框修改事件 onchange
     -->
</body>
</html>